<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>this指向</title>
    <style>
        #box {
            width: 200px;
            height: 200px;
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="box"></div>
    <script>
        // console.log(this); // window
        // function test() {
        //     console.log(this); // window

        // }
        // test();

        // var obj = {
        //     name: 'obj',
        //     test: function() {
        //         console.log(this); // obj
        //     }
        // };
        // obj.test();

        // setTimeout(function() {
        //     console.log(this); // window
        // }, 2000);

        // box.onclick = function() {
        //     console.log(this); // box
        // };

        box.addEventListener('click', function() {
            console.log(this); // box
        });
    </script>
</body>
</html>